
/*------------------------中间部分------------------------------*/
.middle {
    width: 1000px;
    height: 300px;
    margin: 50px auto;
    /*border: 1px solid red;*/
}

.middle .floatLeft {
    width: 550px;
    height: 300px;
    border: 1px solid red;
}

.middle .floatRight {
    width: 420px;
    height: 300px;
    border: 1px solid red;
}

/*控制较新动态四个字*/
.middle .floatLeft > div:first-child {
    color: #e69137;
    /*下边框*/
    border-bottom: 1px solid red;
    line-height: 20px;
    height: 20px;
    font-size: 20px;
    padding: 15px;
}

.middle .floatLeft > div:nth-child(2) {
    padding: 15px;
}

.middle .floatLeft > div:nth-child(2) > div:first-child {
    float: left;
    width: 200px;
    height: 200px;
}

.middle .floatLeft > div:nth-child(2) > div:first-child img {
    width: 100%;
    height: 100%;
}

.middle .floatLeft > div:nth-child(2) > div:nth-child(2) {
    float: right;
    width: 300px;
}

/*单行溢出，多行溢出*/
/*分组*/
.middle .floatLeft h4, .middle .floatLeft p {
    width: 300px;
    /*不换行*/
    white-space: nowrap;
    /*多余的隐藏*/
    overflow: hidden;
    /*超出部分以省略号代替*/
    text-overflow: ellipsis;
    line-height: 25px;
}

.middle .floatLeft h4 {
    margin: 15px 0 0;
}

.middle .floatLeft > div:nth-child(2) > div:nth-child(2) div {
    height: 50px;
    border-bottom: 1px dashed red;
}

/*------------------------产品-------------------------------------*/
.middle .floatRight > div:first-child {
    padding: 15px;
    border-bottom: 1px solid red;
    color: #e69137;
    font-size: 20px;
    line-height: 20px;
}

.middle .floatRight > div:nth-child(2) {
    padding: 15px;

}

.middle .floatRight > div:nth-child(2) > div {
    width: 185px;
    height: 220px;
}

.product-one {
    float: left;
}

.product-two {
    float: right;
}

.middle .floatRight > div:nth-child(2) > div > div:first-child {
    width: 185px;
    height: 185px;
}

.middle .floatRight > div:nth-child(2) > div img {
    width: 100%;
    height: 100%;
}

.middle .floatRight h4, .middle .floatRight p {
    width: 185px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}